a { color: black; text-decoration: none; padding-right: 5px; padding-left: 5px; }
div a { color: black; text-decoration: none; padding-right: 5px; padding-left: 5px; }
a:hover { background-color: #004466; color: white; }
b { font-size: 11px; }
td { font-size: 9px; font-family: Arial; }
/* tirar estas duas linhas abaixo quando alterar a aula.asp */
/* 1. */ td.visu { cursor: pointer; border: 1px solid #C6C6C6; width: 25px; font-size: 4px; text-align: center; }
/* 2. */ td.lege { border: 1px solid #E8E8E8; width: 8px; }
input { font-size: 9px; border: 1px solid #383838; width: 50px; }
input.check {width: 15px; height: 15px; border: 0px; }
select {font-size: 9px; font-family: Arial; }
textarea {font-size: 9px; font-family: Arial; }
.bold { font-weight: bold; }
body {
	font-family: Arial, Verdana, Hevetica, Sans-Serif;
	font-size: 11px;
	margin: 0px;
	background-color: white;
}

#topo { overflow: hidden; width: 100%; }
#topo table { border: none; }
#topo table td#topoEditavel p { margin: 0; }
#topoEditavel a { border-radius: 5px; }
#faixamenu { background-color: #C0C0C0; width: 100%; height: 1.5em; }
a.powered { display: block; float: left; padding: 0 12px; height: 1.5em; line-height: 2em; font-size: 0.7em; }
#faixamenu.ini { height: 20px; }
#limitalargura { width: 779px; position: relative; }
.ui-dialog { box-shadow: 0 0 9px 0 black; }

div#topo div.imgLogo { display: inline; }
div#topo div#sistema { position: absolute; width: 750px; top: 0px; font-size: 9px; z-index: 1; }
div#topo div#dadosEscola { width: 750px; position: absolute; bottom: 2px; text-align: right; }
div#topo div#dadosEscola p { margin: 0 }
div#topo div#dadosEscola span#topoEditavel { background-color: #fcfcfc; border: solid 1px #000000; border-radius: 3px; 
	padding: 1px 2px; font-size: 0.8em; }
div#topo div#fundoTopo { position: relative; height: 50px; }

#aguarde {
	position: absolute;
	top: 190px;
	left: 280px;
	padding: 30px;
	border: 1px solid black;
	background-color: white;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	z-index: 900;
	text-align: center;
}

div#divAlerta {
	border: 2px solid #5B92AA;
	border-top-width: 10px;
	padding: 10px;
	padding-left: 40px;
	background: url(img/ico_alerta.gif) no-repeat 10px 15px;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #004466;
}

div.carregando {
	border: 1px solid #666666;
	position: absolute;
	background: url(img/ico_aguarde2.gif) no-repeat #EEEEEE 10px 5px;
	padding: 10px;
	padding-left: 40px;
}

div#titulo { z-index: 11; position: relative; }
div#titulo h1 { float: left; margin-left: 10px; font-size: 1.5em; font-weight: bold; color: #004466; height: 1.5em; line-height: 1.5em; padding: 0 1% 0 3.5%; margin: 0 0 0 1%;
	background-color: #E9E9E9; background-size: auto 60%; border: 1px solid #004466; border-top: 0px; border-radius: 0 0 8px 8px; }
div#titulo h1.imgMenu.relatorios { background-size: auto 85%; }
div#titulo h1.imgMenu.qualityAchieve { background-image: url(img/menu_relatorios.png); background-size: auto 85%; }
#titulo h2 { clear: both; font-size: 1.1em; color: #777777; white-space: nowrap; margin: 0 0 0 1%; }
a.atualizarConstante { display: none; width: 24px; height: 24px; padding: 0; background: url(img/ico24_setaDireitaTripla.png) no-repeat center center; }
a.atualizarConstante.parar { background-image: url(img/ico24_parar.png); opacity: 0.6; }
a.atualizarConstante span.mostrador { display: none; }
a.atualizarConstante.parar span.mostrador { display: block; width: 0; height: 3px; margin-top: 21px; background-color: green; }
a.atualizarConstante div.tempoAtualizacao { width: 200px; height: 1.5em; line-height: 1.5em; font-size: 0.7em; font-weight: normal; cursor: default;
	background: url(img/ico24_setaDireitaTriplaTransp.png) no-repeat left center #E1E1E1; border: 1px solid black; }
a.atualizarConstante div.tempoAtualizacao label { color: black; margin: 0 5px 0 25px; }
a.atualizarConstante div.tempoAtualizacao select { font-size: 0.8em; }
a.atualizarConstante div.tempoAtualizacao a { margin: 0.15em 5px; padding: 0 2px; float: right; line-height: 1.1em; background-color: #F0F0F0;
    border: 1px solid black; border-radius: 5px; }
a.atualizarConstante div.tempoAtualizacao a:hover { color: black; background-color: #CCC; }
a#atualizaAutomatico { display: none; width: 24px; height: 24px; padding: 0; background: url(img/ico24_setaDireitaTripla.png) no-repeat center center; }
a#atualizaAutomatico.parar { background-image: url(img/ico24_parar.png); opacity: 0.6; }

/*************************************************************************************************************************************************************************/
/*			clube de vantagens */
/*************************************************************************************************************************************************************************/
div#clubeVantagens { position: absolute; top: 0; right: 1%; background-color: #FAFAFA; border: 1px solid #AAA; border-top: 0; border-radius: 0 0 5px 5px; }
div#clubeVantagens a.tit { color: #3A3A5D; cursor: pointer; font-size: 0.8em; display: block; text-align: right; padding: 0.2em 16px 0.2em 0.6em; 
	background: url(img/ico_seta_baixo_espacoDir.png) no-repeat right center #FFD68A; border-radius: 0 0 5px 5px; }
div#clubeVantagens.aberto { box-shadow: 0 5px 10px black; }
div#clubeVantagens.aberto a.tit { border-radius: 0; background-image: url(img/ico_seta_cima_espacoDir.png); }
div#clubeVantagens div { /* display: block; margin: 0.3em 0.5em; */ }
div#clubeVantagens div p { margin: 0.6em; }
div#clubeVantagens ul { margin: 0; padding: 0; max-width: 300px; }
div#clubeVantagens ul li { margin: 0.5em 0 1em 0; padding: 0; list-style: none; }
div#clubeVantagens ul li a { padding: 0; display: block; cursor: pointer; }
div#clubeVantagens ul li a:hover { color: black; background-color: #D3F1FB; }
div#clubeVantagens ul li a div.nome { height: 1.4em; line-height: 1.4em; font-size: 1em; padding-left: 3%; background-color: #695F7D; color: white; font-weight: bold; }
div#clubeVantagens ul li a p { margin: 0 3%; }
div#clubeVantagens ul li a img { height: 3em; margin: 0 2% 0.1em 0; float: left; box-shadow: 0 0 5px black; padding: 1%; }

/*************************************************************************************************************************************************************************/ 
/*		Estilos dos filtros	 */
/*************************************************************************************************************************************************************************/ 
#titulo #filtros { position: absolute; float: right; text-align: right; padding: 0; font-size: 11px; z-index: 100; font-size: 9px; line-height: 2em;
	background-color: #E9E9E9; border: 1px solid #004466; border-top: 0px; }
#titulo #filtros.some { display: none; }
#titulo #filtros span#titfiltros { cursor: pointer; width: 100%; display: block; }
#titulo #filtros span#titfiltros span { display: block; background: url(img/ico_desce_dir.gif) no-repeat right center; padding-right: 17px; }
#titulo #filtros span#titfiltros.sobe span { background-image: url(img/ico_sobe_dir.gif); }
#titulo #filtros span#titfiltros.filtrado span { background-color: #F6C784; display: block; }
#titulo #filtros span#titfiltros span { }
#titulo #filtros img { width: 9px; height: 9px; vertical-align: middle; margin: 0px 5px; }
#titulo #filtros label { cursor: pointer; margin-right: 3px; }
#titulo #filtros form { padding: 5px; float: right; display: none; padding-bottom: 15px; line-height: 24px; position: relative; }
#titulo #filtros form.aberto { display: inline; }
#titulo #filtros form select { margin-top: 3px; height: 20px; line-height: 20px; font-size: 11px; }
#titulo #filtros form input { height: 16px; line-height: 16px; font-size: 11px;  }
#titulo #filtros form a { 
	border: 1px solid #004466;
	border-right: 0px;
	border-bottom: 0px;
	background-color: #C0C0C0;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 1px 8px;
	line-height: 14px;
}
#titulo #filtros form a:hover { background-color: #004466; }
#titulo #filtros form a.botFiltro { border: 1px solid #004466; position: static; margin: 5px 2px 0px 8px; padding: 1px 2px; }
#titulo #filtros form a.botFiltro.disabled { padding: 1px 2px; color: #333333; }
#titulo #filtros form a.botFiltro.disabled:hover { background-color: #C0C0C0; }
#titulo #filtros form .ativos { width: 338px; }
#titulo #filtros form .todos { width: 336px; }
#titulo #filtros form #ft1 { width: 134px; margin-right: 25px; }
#titulo #filtros form #ft5 { width: 210px; }

#titulo #filtros #limpafiltros { 
	border: 0px;
	background-color: #E9E9E9;
	padding: 0px 5px;
	margin-right: 10px;
	color: #696969;
	position: absolute;
	bottom: 0px;
	right: 35px;
}
#titulo #filtros #limpafiltros:hover { background-color: #004466; color: white; }
#titulo #filtros ul#filtroAlunoLista { position: absolute; z-index: 20; border: 1px solid black; margin: 0px; padding: 0px; background-color: white; }
#titulo #filtros ul#filtroAlunoLista.alturaMax { height: 80px; overflow: auto; }
#titulo #filtros ul#filtroAlunoLista li { margin: 0px; padding: 0px 5px; list-style: none; text-align: left; line-height: 16px; }
#titulo #filtros ul#filtroAlunoLista li.selecionado { background-color: #808080; color: white; }
#titulo #filtros ul#filtroAlunoLista li span { color: silver; margin-left: 4px; }
/*************************************************************************************************************************************************************************/ 

#statusAviso {
	position: absolute;
	top: 0px; right: 16px;
	background-color: #004466;
	padding: 2px 5px; cursor: pointer;
	font-size: 1em; font-weight: bold; color: #E9E9E9;
	z-index: 10000;
}

/* estilos para quando bloqueia a tela e pede a senha para confirmar uma operação */
div#bloqueio { background-color: black; opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2000; }
div#pedeSenha { position: absolute; top: 50%; left: 50%;
	padding: 30px; padding-top: 40px; z-index: 2001;
	border: 2px solid black; background-color: white;
	width: 280px; height: 130px; margin-left: -140px; margin-top: -65px; }
div#pedeSenha p { text-align: center; font-weight: bold; font-size: 11px; }
div#pedeSenha input { width: 100px; }
div#pedeSenha a#enviasenhacanc { position: absolute; top: 2px; right: 2px; padding-right: 12px; padding-top: 2px;
	background: url(img/ico_volt.gif) right  no-repeat; }
div#pedeSenha a#enviasenhacanc:hover { background-color: #004466; }
div#pedeSenha div#aguardaPedeSenha { position: absolute; right: 10px; padding-right: 28px; padding-top: 6px;
	height: 24px; text-align: right; background: url(img/ico_aguarde2.gif) right center no-repeat; }
	
div.tamanhoTexto { color: silver; text-align: right; position: absolute; font-size: 80%; }

#imgexport { width: 10px; height: 10px; cursor: pointer; margin-right: 5px; }
#imgnovo { width: 9px; height: 9px; cursor: pointer; margin-right: 5px; }

#divPerfil {
	position: absolute;
	display: none;
	border: 1px solid #004466;
	background-color: #C0C0C0;
}
#divPerfil.aparece { display: block; }
#divPerfil table { background-color: #F6F6F6; margin: 2px; }

#barraPerfil {
	width: 495px;
	overflow: scroll;
	overflow-y: hidden;
	height: 13px;
	/*scrollbar-3dlight-color: #004466;*/
	/*scrollbar-darkshadow-color: #004466;*/
	/*scrollbar-base-color: #F0F0F0;*/
	/*scrollbar-highlight-color: #F0F0F0;*/
	/*scrollbar-shadow-color: #F0F0F0;*/
}

#divDir {
	width: 495px;
	overflow-x: hidden;
	border-right: 1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}

#areavisos {
	border: 2px solid #006699;
	border-top: 0px;
	background-color: #CCCCCC;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

DIV.foto {
	width: 65px; 
	height: 50px;
	overflow: hidden;
	text-align: center;
	border: 1px dotted #999999;
	background-color: #EEEEEE;
	color: #666666;
}

.foto p {
	margin: 0px;
	padding: 5px 10px 0px 10px;
}

.visisome { visibility: hidden; }
.dispsome, .some { display: none !important; }
.selec { background-color: #CCCCCC; }
.selec2 a{ color: #CCCCCC; }
.selec2 a:hover{ color: #CCCCCC; background-color: #FFFFFF; cursor: default; }
/* item marcado para exclusão */
.paraexcluir { background-color: #E04D1B !important; }
.disabled { -moz-opacity: 0.4; filter: alpha(opacity=40); opacity: 0.4; cursor: default; }
div.limpa { clear: both; }
.limpaDepois:after { content: " "; display: block; visibility: hidden; height: 0; line-height: 0; clear: both; }
.ui-autocomplete-loading { background: white url(img/ico_aguarde_peq.gif) right center no-repeat; }

img.edit, img.grav, img.atenc { width: 10px; height: 10px; cursor: pointer; margin: 0px 3px; }
img.volt, img.acim, img.fech, img.emailenv { width: 10px; height: 9px; cursor: pointer; margin: 0px 3px; }
img.excl, img.exp, img.vazio, img.abrir, img.borda, img.novo, img.ver, img.relat {
	width: 9px; height: 9px; cursor: pointer; margin: 0px 3px; }
img.senha { width: 8px; height: 10px; cursor: pointer; margin: 0px 3px; }
img.sobe, img.desce { width: 7px; height: 8px; cursor: pointer; margin: 0px 3px; }
img.move, img.tam { width: 11px; height: 11px; cursor: pointer; margin: 0px 3px; }
img.movepeq { width: 7px; height: 7px; cursor: move; margin: 0px 3px; }
img.tampeq { width: 7px; height: 7px; cursor: nw-resize; margin: 0px 3px; }
img.exclpeq, img.coppeq { width: 7px; height: 7px; cursor: pointer; margin: 0px 3px; }
img.certo { width: 8px; height: 8px; cursor: pointer; margin: 0px 3px; }
img.link, img.undo, img.graf { width: 11px; height: 7px; cursor: pointer; margin: 0px 3px; }
img.imp { width: 8px; height: 9px; cursor: pointer; margin: 0px 3px; }
img.flecha { width: 10px; height: 7px; cursor: pointer; margin: 0px 3px; }	
img.praz1, img.praz2, img.praz4 { width: 10px; height: 7px; margin: 0 3px; }
img.praz3, img.novalt { width: 10px; height: 9px; margin: 0px 3px; }
img.minibola { width: 5px; height: 5px; margin: 0px 5px 0px 6px; }
img.ativTipo { width: 8px; height: 10px; margin: 0 3px; }
span.ativTipo1 { width: 8px; height: 10px; margin: 0 3px; }
span.ativTipo2 { width: 8px; height: 10px; margin: 0 3px; }
span.ativTipo4 { width: 8px; height: 10px; margin: 0 3px; }
img.minicerto { width: 6px; height: 6px; margin: 0 3px; }
img.horas { width: 9px; height: 9px; margin: 0 3px; }
img.result { width: 11px; height: 7px; margin: 0 3px; }
span.resultVe { width: 120px; height: 7px; margin: 0 3px; }
span.resultNaoVe { width: 120px; height: 7px; margin: 0 3px; }
img.list { width: 7px; height: 8px; margin: 0 3px; }
img.mostra, img.data { width: 9px; height: 8px; cursor: pointer; margin: 0px 3px; }
img.aguarde { width: 24px; height: 24px; }
img.alun { width: 5px; height: 10px; margin: 0px 3px; }
img.prof ,
img.admin { width: 8px; height: 8px; margin: 0px 3px; }
img.emp { width: 10px; height: 10px; margin: 0px 3px; }
a.whatsapp { display: block; padding: 0; width: 1.2em; height: 1.2em; background: url(img/ico_whats.png) no-repeat center center; }


.salvandoFoto { z-index: 10000; cursor: pointer; position: absolute; top: 0px; left: 0px;
    height: 460px; width: 780px; background-color: #ffffff;
    /* for IE */
    filter: alpha(opacity=60);
    /* CSS3 standard */
    opacity: 0.6;
    /* for Mozilla */
    -moz-opacity: 0.6;
}

#exporta { position: absolute; border: 2px solid #330066; border-top-width: 0px; z-index: 1001;
	background-color: #E8E8E8; width: 180px; list-style: none; margin: 0; }
#exporta li { margin: 0; padding: 1px; }
#exporta li.titulo { background-color: #330066; color: white; font-weight: bold; height: 16px; line-height: 16px; padding: 0px 5px; }
#exporta li a { width: 100%; padding: 1px 4px; border-top: 1px solid #CCCCCC; }

#tabcores { border: 1px solid #000000; border-left: none; border-top: none; background-color: #E9E9E9; position: absolute; }
#tabcores table { border-collapse: collapse; }
#tabcores td { border: 1px solid #000000; border-bottom: none; border-right: none; cursor: pointer; font-size: 7px; width: 8px; }
#tabcores td.selec { border-color: white; }

/*  cores dos status de aula  */
.cancelada { background-color: #E78E5C; }
.prevista { background-color: #6891BA; }
.reserva, .ui-widget-content.reserva, .ui-widget-content.reserva .ui-widget-content { background: #FFCCFF; }
.assistida { background-color: #39B674; }
.ausente { background-color: #CA3535; }
.realizada { background-color: #39B674; }
.reposicao { background-color: yellow; }




/* ================================================================================= */
/* ===== página de alunos, professores e empresas                              ===== */
/* ================================================================================= */
#pag_alunos { margin-left: 10px; border: none; }
#pag_alunos ul, #pag_alunos li { margin: 0; padding: 0; }
#carregando { position: absolute; right: 5px; top: 5px; border: 1px solid #666666; border-top-width: 5px; z-index: 10001;
	background: url(img/ico_aguarde2.gif) no-repeat center 40px #E9E9E9; width: 180px; height: 60px; padding: 5px; text-align: center; font-size: 11px; }

#menuletras { width: 25px; background-color: #E9E9E9; border: 1px solid #E9E9E9;
	text-align: center; padding-top: 1px; vertical-align: top; }
#menuletras ul { list-style: none; margin: 0; padding: 0; width: 100%; vertical-align: top; }
#menuletras li { width: 100%; text-align: center; }
#menuletras li.desab { color: #999999; }
#menuletras a { width: 100%; text-align: center; }
#listnomes { width: 190px; border: 1px solid #E9E9E9; vertical-align: top;
	border-left: 0px; border-right: 0px; }
#areainfo { width: 540px; border: 1px solid #E9E9E9; vertical-align: top; position: relative; }
#listnomes div.primdiv { width: 100%; height: 313px; overflow: auto; }
#areainfo div.primdiv { width:540px; height: 313px; overflow: auto; }
#listnomes a { display: block; }
#listnomes a.letra { padding-left: 10px; font-size: 18px; color: #CCCCCC;
	position: relative; top: 5px; font-weight: bold; }
#listnomes a.letra:hover { background-color: white; color: #CCCCCC; }
#listnomes ul { width: 100%; list-style: none; margin: 0; padding: 0; border-top: 2px solid #CCCCCC; }

#cabecalho img { float: left; margin: 0px 5px; }
#cabecalho #total { float: left; }
#cabecalho #busca { float: right; }
#cabecalho #busca label { cursor: pointer; margin-right: 5px; }
#cabecalho #busca input { width: 50px; }
#cabecalho #busca a { color: #999999; margin: 0px 3px; }
#controles, .controlesSub { vertical-align: bottom; }
#controles ul, .controlesSub ul { list-style: none; margin: 0; margin-left: 15px; float: left; padding-top: 2px; }
#controles li, .controlesSub li { display: inline; padding: 5px 5px; }
#controles a, .controlesSub a { padding: 1px 5px; border: 1px solid #E9E9E9; border-bottom: 0px;}
#controles span, .controlesSub span { float: right; }





#areainfo label { cursor: pointer; margin-right: 3px; }
#areainfo table.cadastro { margin: 20px; margin-right: 0px; width: 501px; }
#areainfo table.cadastro td p { margin-bottom: -10px; }
#areainfo table.cadastro td p.caixa { margin-bottom: 10px; }
#areainfo #tdinfo { position: absolute; padding-left: 80px;  }
#areainfo #tdfoto { width: 90px; }
#areainfo #tdfoto img { width: 67px; }
#areainfo #tdfoto a { width: 67px; border: 1px solid #666666; text-align: center; }
#areainfo #nome { width: 250px; margin-right: 20px; }
#areainfo #codinome { width: 74px; }
#areainfo #escola { width: 181px; margin-right: 15px; }
#areainfo #labelEscola { margin-left: 50px; padding-left: 20px; }
#areainfo #labelEmpresa { margin-left: 58px; }
#areainfo #empresa { width: 181px; }
#areainfo #perfil { width: 103px; margin-left: 9px; }
#areainfo #registro { width: 100px; }
#pag_professores #areainfo #perfil { width: 120px; }
#pag_empresas #areainfo #nome { width: 262px; margin-right: 20px; }
#areainfo #razao { width: 400px; }
#areainfo #cnpj { width: 120px; }
#areainfo #inscest { width: 83px; }
#areainfo #ende { width: 411px; }
#areainfo #fone { width: 220px; margin-right: 20px; }
#areainfo input.data { width: 57px; }
#areainfo img.calend { width: 9px; height: 8px; cursor: pointer; margin-left: 3px; }
#areainfo img.dist { margin-right: 15px; }
#areainfo select#ferPai { width: 80px; margin-left: 8px; }
#areainfo select#ferInicial { width: 85px; margin-left: 8px; }
#areainfo #licobs { width: 420px; height: 50px; }
#areainfo .caixa { margin: 20px 0px 30px 20px; width: 494px; border: 1px solid #E9E9E9;
	padding: 10px 0; border-radius: 5px; position: relative; }
#areainfo #docs { margin-left: 0px; width: 420px; }
#areainfo .caixa label.caixatit { position: relative; display: block; background-color: yellow; cursor: default; }
#areainfo .caixa label.caixatit span { position: absolute; top: -17px; left:10px; background-color: #FFFFFF; font-weight: bold; color: #AAA;
	padding: 0px 5px; white-space: nowrap; }
#areainfo .caixa span { display: block; margin-bottom: 7px; }
#areainfo .caixa select.tipo { width: 110px; margin-right: 10px; }
#areainfo .caixa input.numdoc { width: 190px; margin-right: 5px; }
#areainfo .caixa input.email { width: 280px; margin-right: 5px; }
#areainfo .caixa input.fone { width: 272px; margin-right: 5px; }
#areainfo .caixa img.novo { float: right; position: relative; top: -9px; }
#areainfo #ends span { margin-bottom: 15px; }
#areainfo #ends label { height:14px; }
#areainfo #ends img.excl { margin-bottom: 2px; }
#areainfo #ends select { margin-bottom: 2px; }
#areainfo #ends input { margin-bottom: 2px; }
#areainfo #ends select.cid { width: 185px; margin-right: 10px; }
#areainfo #ends select.est { width: 50px; margin-right: 5px; }
#areainfo #ends input.rua { width: 317px; margin-left: 2px; margin-right: 20px; }
#areainfo #ends input.numend { width: 58px; }
#areainfo #ends input.compl { width: 69px; margin-right: 20px; }
#areainfo #ends input.bairro { width: 158px; margin-right: 20px; }
#areainfo #ends input.cep { width: 70px; }
#areainfo #contas .banco { width: 180px; margin-right: 20px; }
#areainfo #contas .ag { width: 48px; margin-right:20px; }
#areainfo #contas .cc { width: 75px; margin-right:5px; }
#areainfo #contas #lblobs { margin-top:5px; height: 10px; }
#areainfo #contas .obs { width: 381px; height: 50px; margin-top: 5px; 
	margin-bottom: 15px; vertical-align: bottom; }
#registro_alun { color: #aaaaaa; }
#areainfo #novogestor { 
/*position: relative; top: 15px; left: 420px;*/
position:absolute;
top: 17px;
left: 10px;
font-weight: bold;
 }
#areainfo #novogestor img { border: 0; vertical-align: middle; cursor:pointer; margin-right:5px }

#areainfo #lista_gestores { margin: 0; margin-top: 30px; padding: 0; list-style: none; }

#areainfo #lista_gestores li { margin:20px 0px 0px 10px; width:505px; padding: 8px 0px 8px 10px; border: 1px solid #E9E9E9; position:relative }
#areainfo #lista_gestores li div.aviso { border: 1px solid #666666; background-color: #666666; color: white; padding: 1px 5px;
	position: absolute; top: -15px; right:-2px; font-weight: bold; }
#areainfo #lista_gestores li.modificado { border: 1px solid #666666; background-color: #E9E9E9; }

#areainfo #lista_gestores input.nome { width: 250px; margin-right: 15px; }
#areainfo #lista_gestores select.perfil { width: 110px; margin-right: 15px; }
#areainfo #lista_gestores input.email { width: 177px; }
#areainfo #lista_gestores #lblemail { margin-left: 15px; }
#areainfo #lista_gestores input.lic { width: 55px; }
#areainfo #lista_gestores #lbllicfim { margin-left: 10px; }



#areainfo #lista_alunos { margin: 0; margin-top: 20px; padding: 0; list-style: none; }
#areainfo #lista_alunos li { margin: 0; padding: 4px 0px 4px 20px; }
#areainfo #lista_alunos li input { border: 1px solid #CCCCCC; }
#areainfo #lista_alunos img { margin-right: 5px; }
#areainfo #lista_alunos input.nome { width: 250px; margin-right: 15px; }
#areainfo #lista_alunos input.lic { width: 55px; }
#areainfo #lista_alunos #lbllicfim { margin-left: 5px; }
#areainfo #lista_alunos img.edit { margin-left: 10px; }

#areainfo #habilit { margin: 0; padding: 10px 0 0 0; list-style: none; }
#areainfo #habilit li { margin: 2px; padding: 0; border-bottom: 1px solid #E8E8E8; width: 500px;
	margin-left: 20px; padding-left: 10px; }
#areainfo #habilit li.tit { width: 500px; border-bottom: 1px solid #AAAAAA; padding: 0; padding-bottom: 2px; }
#areainfo #habilit li.tit select { width: 395px; margin-right: 20px; }
#areainfo #habilit li span { width: 450px; }






#areainfo img#img_info_histlic { margin-left: 6px; cursor: pointer; }

#areainfo #div_info_histlic {
	position: absolute;
	left: 47px;
	top: 45px;
	width: 475px;
	background-color: #EEEEEE;
	border: 1px solid #000000;
}

#areainfo #div_info_histlic .info {
	padding: 3px 7px;
}

#areainfo #div_info_histlic .info table tr.tit td {
	font-weight: bold; border-bottom: 1px solid #666666;
}

#areainfo #div_info_histlic .info table tr td.nomeusu  div{
	width: 85px; height: 14px; overflow: hidden;
}

#areainfo #div_info_histlic .info table tr td {
	padding: 0px 8px; border-bottom: 1px solid #CCCCCC;
}

#areainfo #div_info_histlic .cabecalho {
	background-color: #666666;
	color: white;
	padding: 1px 5px;
	font-weight: bold;
	text-align: center;
}

/* ================================================================================= */
/* ===== página de certificados                                                ===== */
/* ================================================================================= */

#pag_boletins { margin-left: 10px; }
#pag_boletins #menuletras { width: 15px; }
#pag_boletins #areainfo { width: 600px; }
#pag_boletins #areainfo div.primdiv { width: 600px; }
#pag_boletins #listnomes { width: 140px; }
#pag_boletins #listnomes ul { overflow: auto; border: 0px; border-right: 1px solid #E9E9E9; }
#pag_boletins #listnomes span { width: 100%; border-bottom: 1px solid #004466; 
	border-top: 1px solid #004466; background-color: #E9E9E9; padding-left: 5px; }
#pag_boletins #listnomes span.move { cursor: n-resize; }
#pag_boletins #listnomes h5 { font-size: 9px; float: left; }
#pag_boletins #listnomes span img { float: right; width: 9px; height: 9px; 
	cursor: pointer; margin: 1px 3px 0px 0px; }

#pag_boletins #areainfo p { margin: 20px 0px 0px 20px; }
#pag_boletins #areainfo fieldset { margin: 10px 0 0 15px; padding: 3px; }
#pag_boletins #areainfo fieldset legend { padding: 0 5px; color: #003366; }
#pag_boletins #areainfo fieldset p { margin: 5px; }
#pag_boletins #areainfo fieldset img.novo { float: right; margin-right: 2px; }
#pag_boletins #areainfo fieldset span { color: #999999; margin-left: 3px; }
#pag_boletins #areainfo fieldset fieldset { margin: 5px; }
#pag_boletins #areainfo fieldset a.exemplo { color: #999999; margin-left: 3px; padding: 0;
	width: 100px; position: relative; cursor: help; }
#pag_boletins #areainfo fieldset a.exemplo ul { display: none; position: absolute; top: 3px; left: -25px;
	background-color: #E9E9E9; border: 1px solid black; color: black; z-index: 10; }
#pag_boletins #areainfo fieldset a.exemplo li { width: 125px; padding: 1px 3px; border-top: 1px solid #CCCCCC; }
#pag_boletins #areainfo fieldset a.exemplo:hover ul { display: block; }

#pag_boletins #areainfo #notas { float: left; width: 160px; margin-left: 20px; }
#pag_boletins #tabnotas img { margin: 1px; }
#pag_boletins #tabnotas input { width: 89px; margin-right: 2px; }
#pag_boletins #nome { width: 426px; }
#pag_boletins #tipo { width: 117px; }
#pag_boletins #menor { width: 85px; }
#pag_boletins #maior { width: 85px; margin-left: 3px; }
#pag_boletins #precis { width: 97px; }
#pag_boletins #areainfo #topicos { float: left; width: 220px; }
#pag_boletins #areainfo #periodos { float: left; width: 150px; }
#pag_boletins #areainfo #topicos label, #pag_boletins #areainfo #periodos label {
	cursor: default; margin: 4px 0 -4px 5px; }
#pag_boletins label.tittopico { width: 145px; }
#pag_boletins label.titpeso { width: 40px; }
#pag_boletins label.titperiodo { width: 75px; }
#pag_boletins .topico { width: 145px; margin-right: 5px; }
#pag_boletins .peso { width: 35px; }
#pag_boletins .periodo { width: 75px; margin-right: 5px; }

#pag_boletins #nomebol { width: 200px; margin-right: 20px; }
#pag_boletins #avalbol { width: 170px; }
#pag_boletins #linbotoes { width: 560px; margin: 10px 0px 0px 20px; background-color: #E9E9E9;
	border-bottom: 1px solid #004466; border-top: 1px solid #004466; padding: 0 3px; }
#pag_boletins #linbotoes a { width: 20px; text-align: center; height: 19px; vertical-align: middle; 
	border-style: groove; border-width: thin; margin: 1px 1px 1px 0; padding: 0px; }
#pag_boletins #linbotoes a:hover { background-color: #F0F0F0; border-style: outset; }
#pag_boletins #linbotoes a.disabled:hover { background-color: transparent; border-style: groove; }
#pag_boletins #linbotoes a.selecionado { background-color: #E0E0E0; border-style: inset; }
#pag_boletins #linbotoes a img { margin: 3px 2px; border: 0px; }
#pag_boletins #linbotoes select { margin-bottom: 1px; vertical-align: bottom; }
#pag_boletins #linbotoes #tipofonte { width: 100px; margin-left: 1px; margin-right: 1px; }
#pag_boletins #linbotoes #tamfonte { width: 56px; margin-right: 3px; }
#pag_boletins #linbotoes span { display: inline; width: 9px; margin: 0px; border: 0px; cursor: default; }

#pag_boletins #areabol { padding: 0px; margin: 0px 0px 0px 20px; width: 560px; height: 220px; overflow: auto;
	border: 1px solid #E9E9E9; border-top: 0px; cursor: default; }
#pag_boletins #areabol div.texto { position: absolute; width: 200px; }
#pag_boletins #areabol div.texto div.borda { width: 100%; margin: 1px 0px 0px 1px; font-size: 9px; border: 1px dotted #CCCCCC; }
#pag_boletins #areabol div.texto span { display: none; border:1px solid #CC3300; border-top: 0px; float: right;
	margin: 0px 0px 0px 2px; padding: 1px 2px; width: 9px; cursor: pointer; }
#pag_boletins #areabol div.texto span.move { cursor: move; margin: 0px; }
#pag_boletins #areabol div.texto span.tam { cursor: nw-resize; }
#pag_boletins #areabol div.texto table { width: 100%; border-collapse: collapse; empty-cells: show; }
#pag_boletins #areabol div.texto table tr.tit td { vertical-align: top; text-align: center; padding: 0; }
#pag_boletins #areabol div.texto table tr.tit img { float: right; margin: 2px 2px 0 0; }
#pag_boletins #areabol div.texto table tr.tit select { float: right; margin: 2px 2px 0 0; width: 150px; }
#pag_boletins #areabol div.texto table tr.tit label { cursor: default; margin: 0; padding: 0; color: black; }
#pag_boletins #areabol div.selecionado div.borda { border: 1px solid #CC3300; margin: 0px; }
#pag_boletins #areabol div.selecionado span { display: inline; }
#pag_boletins #areabol div.selecionado img { margin: 0px; }
#pag_boletins #areabol div.selecionado table { border-collapse: collapse; }
#pag_boletins #areabol div.selecionado table td { border: 1px dotted #CCCCCC; }
#pag_boletins #areabol div.texto div.borda span { display: inline; border: none; float: none; 
	margin: 0px; padding: 0px; width: 100%; cursor: text; }
#pag_boletins #areabol div.texto div.borda label { margin: 0px; display: none; }
#pag_boletins #areabol div.texto img.edit, #areabol div.texto img.link { cursor: default; 
	margin: 0 3px; }
#pag_boletins #linbotoes #tabcores { border: 1px solid #000000; border-left: none; 
	background-color: #E9E9E9; position: absolute; }
#pag_boletins #linbotoes #tabcores span { border: 1px solid #000000; width: 16px; font-size: 11px;
	margin: 0px 4px 0px 1px; }
#pag_boletins #linbotoes #tabcores input { background-color: #E9E9E9; width: 45px; margin: 0px 1px; }
#pag_boletins #linbotoes #tabcores img { margin: 0px 1px; }
#pag_boletins #linbotoes #tabcores td.topo { border-left: 1px solid #000000; }
#pag_boletins #linbotoes #tabcores td.cor { border: 1px solid #000000; border-bottom: none;
	border-right: none; cursor: pointer; font-size: 7px; width: 7px; }
#pag_boletins #linbotoes #tabborda { border: 1px solid #000000; background-color: #E9E9E9; 
	position: absolute; width: 109px; padding: 3px; }
#pag_boletins #linbotoes #tabborda #topoborda { height: 35px; width: 100%; display: block; 
	margin: 0px; padding: 0px; }
#pag_boletins #linbotoes #tabborda #topoborda img { vertical-align: top; margin-top: 5px; }
#pag_boletins #linbotoes #tabborda #topoborda img.vazio { margin-left: 10px; }
#pag_boletins #linbotoes #tabborda #exemploborda { border: 2px solid #000000; display: inline; 
	width: 55px; margin-right: 10px; height: 28px; border-collapse: collapse; empty-cells: show; }
#pag_boletins #linbotoes #tabborda #exemploborda td { border: none; width: 50%; }
#pag_boletins #linbotoes #tabborda a { width: 20px; text-align: center; height: 19px;
	vertical-align: middle; border-style: inset; border-width: thin; margin: 0px 7px 8px 0px; 
	padding: 0px; background-color: #DDDDDD; }
#pag_boletins #linbotoes #tabborda a.ultima { margin-right: 0px; }
#pag_boletins #linbotoes #tabborda a img { margin: 3px 2px; border: 0px; }
#pag_boletins #linbotoes #tabborda #bordaint { display: none; }
#pag_boletins #linbotoes #tabborda #bordlarg { width: 31px; margin-right: 3px; }
#pag_boletins #linbotoes #tabborda #bordestilo { width: 67px; }
#pag_boletins #linbotoes #tabborda.paratabnotas #bordaint { display: inline; }
#pag_boletins #linbotoes #tabborda.paratabnotas a { margin: 0px 0px 8px 0px; }
#pag_boletins #linbotoes #tabrefbd { border: 1px solid #000000; background-color: #E9E9E9; 
	position: absolute; width: 130px; }
#pag_boletins #linbotoes #tabrefbd span { display: block; width: 100%; text-align: center; 
	border-bottom: 1px solid #E9E9E9; background-color: #CCCCCC; font-weight: bold; padding: 2px; }
#pag_boletins #linbotoes #tabrefbd ul { margin: 0px; list-style: none; }
#pag_boletins #linbotoes #tabrefbd li.primeiro { border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; }
#pag_boletins #linbotoes #tabrefbd a { width: 100%; text-align: left; height: auto;
	border-style: none; padding: 1px 1px 1px 2px; margin: 0px; }
#pag_boletins #linbotoes #tabrefbd a:hover { background-color: #004466; border-style: none; }

#pag_boletins #areainfo #aviso { position: absolute; background-color: #DDDDDD; width:100%;
	color: #990000; text-align: right; padding: 0px 20px; }

/* ================================================================================= */
/* =====   página de notas                                                     ===== */
/* ================================================================================= */

#pag_notas #listnomes ul { border: 0px; }
#pag_notas #listnomes ul li { display: inline; width: 95px; border-left: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; }
#pag_notas #listnomes ul li a { display: block; text-align: center; }
#pag_notas #listnomes label { display: block; margin: 10px 0px 1px 10px; font-weight: bold; }
#pag_notas #listnomes select { width: 170px; margin-left: 10px; }
#pag_notas #listnomes select#curso { margin-bottom: 10px; }
#pag_notas #listnomes input { margin-left: 10px; }
#pag_notas #listnomes .check { display: inline; }
#pag_notas #listnomes label.check { margin-left: 3px; margin-right: 10px; font-weight: normal; }
#pag_notas #listnomes ul#matric { border: 0px; overflow: auto; border-top: 1px solid #E9E9E9; }
#pag_notas #listnomes ul#matric li { display: block; width: 100%; border-left: 0px; margin-top: 5px; padding-left: 10px; }
#pag_notas #listnomes ul#matric li.selec { background-color: #E9E9E9; }
#pag_notas #listnomes ul#matric li a { text-align: left; width: 160px; }
#pag_notas #listnomes ul#matric li a span { float: right; margin-left: 3px; color: #003366; cursor: pointer; }
#pag_notas #listnomes ul#matric li a:hover span { color: #CCCCCC; }

#pag_notas div#aval { height: 24px; border-bottom: 1px solid #E9E9E9; }

/* ================================================================================= */
/* =====   página de relatórios                                                ===== */
/* ================================================================================= */

ul#relatorios { list-style: none; margin: 0; padding: 0; margin-left: 20px; }
ul#relatorios li { margin: 0px; padding: 0px; }

#relat01 h1 { font-size: 21px; margin-left: 100px; font-weight: bold; }
#relat01 span { margin-left: 20px; }
#relat01 span.subtit { font-size: 15px; margin-left: 5px; margin-right: 50px; font-weight: bold; }
#relat01 span.emissao { margin-left: 594px; margin-right: 3px; }
#relat01 p { margin-left: 20px; font-size: 11px; }
#relat01 a { font-size: 15px; font-weight: bold; text-decoration: none; color: black; padding: 0px 5px; margin: 0px 5px; }
#relat01 #tabela { margin-left: 20px; border-collapse: collapse; }
#relat01 #tabela th { font-size: 11px; font-weight: bold; border: 1px solid #999999; padding: 1px 5px;
	text-align: center; background-color: #E9E9E9 }
#relat01 #tabela td { font-size: 9px; border: 1px solid #999999; padding: 1px 3px; }
#relat01 #tabela td.num { text-align: right; }
#relat01 #tabela td.total { font-size: 11px; font-weight: bold; text-align: right; padding-right: 5px; border: 0px; }
#relat01.imp { margin-top: 20px; }
#relat01.imp p { margin-left: 10px; }
#relat01.imp #tabela { margin-left: 10px; }
#relat01.imp a { display: none; }
#relat01.imp img { display: none; }
#relat01.imp span.emissao { margin-left: 538px; margin-right: 0px; }

/* ================================================================================= */
/* =====   página de seleção/candidatos                                        ===== */
/* ================================================================================= */
#tabproc tr.dadosproc td { padding: 1px 0px; }
#tabproc input, #tabproc select,#tabproc textarea { font-size: 11px; }







div#indicadorGravacao { background: url(img/ico_aguarde2.gif) no-repeat center 1em white; }
div#indicadorGravacao h4 { width: 100%; text-align: center; margin-top: 4em; }
div#indicadorGravacao div#total { width: 90%; height: 1em; margin: 1em 5%; border: 1px solid #006699; }
div#indicadorGravacao div#quantos { width: 0; height: 1em; margin: 0; background-color: #A6C9E2; }

div#exportMsg { color: #555555; }
div#exportMsg h5 { font-size: 1.4em; margin: 0.5em 0; }
div#exportMsg ul { list-style-image: url(img/bul_logo.gif); list-style: square; font-size: 1.2em; }
div#exportMsg ul li { margin: 0.5em 0; }

div#limiteTamanhoExcel {  }
div#limiteTamanhoExcel h3 { font-size: 1em; text-align: center; }
div#limiteTamanhoExcel textarea { width: 99%; height: 200px; }